<template>
 <div>
    <el-input v-model="inputWT" type="number" placeholder="Please 王婷" @change="wtChange" />
    <br>
    <br>
    <br>
    <el-input v-model="inputLMY" type="number" placeholder="Please 李茂阳" @change="lmyChange" />
    <br>
    <br>
    <br>
    <el-input v-model="inputLTF" type="number" placeholder="Please 李廷非" @change="ltfChange" />
 </div>
 <div>
  <span>王婷</span> : {{resault.WT}}
 </div>
 <div>
  <span>李茂阳</span> : {{resault.LMY}}
 </div>
 <div>
  <span>李廷非</span> : {{resault.LTF}}
 </div>
</template>
<script setup>
import { reactive, ref } from 'vue'
import { useStore } from 'vuex'
// vueX
const store = useStore()

const inputWT = ref()
const inputLMY = ref()
const inputLTF = ref()
const resault = reactive({
  LTF: 0,
  WT: 0,
  LMY: 0
})
const wtChange = (e) => {
  console.log(typeof (e))
  // const num = parseInt(e)
  // console.log(typeof (e), typeof num)
  resault.WT += parseInt(e)
  inputWT.value = null
}
const lmyChange = (e) => {
  resault.LMY += parseInt(e)
  console.log(e, typeof e, resault.WT)
  inputLMY.value = null
}
const ltfChange = (e) => {
  resault.LTF += parseInt(e)
  console.log(e, typeof e, resault.WT)
  inputLTF.value = null
}

</script>
<style lang="less" scoped>

</style>
